﻿@model shop.SanPham
<ul class="breadcrumb">
    <li>
        <a href="https://www.myworkwear.co.uk/" title="Workwear at Myworkwear.co.uk">Trang chủ</a>
        <span class="divider">/</span>
    </li>
    <li><a href="https://www.myworkwear.co.uk/category/Bodywarmers-Gilets-852.htm" title="Bodywarmers &amp; Gilets"><span class="trailCurrent">Danh mục sản phẩm</span></a><span class="divider">/</span></li>
    
    <li class="active">@Html.Action("GetTenDanhMuc", "Partial", new { MaDM = Model.MaDM })</li>
</ul>
<form method="get" action="https://www.myworkwear.co.uk/#basket_anchor_2" name="prodform" id="prodform" onsubmit="return validateLogoForm()">
    <div class="product-view2">
        <div class="product-essential row">
            <div class="product-img-box span4">
                <p class="product-image product-image-zoom">
                    <a class="fancybox product-image" title="PortwestGlasgow Bodywarmer" href="/images/sanpham/@Model.HinhAnh">
                        <img class="prodimg" alt="Click to enlarge image of  PortwestGlasgow Bodywarmer" src="/images/sanpham/@Model.HinhAnh">
                    </a>
                </p>
                <div class="shareButton">
                    <!-- Go to www.addthis.com/dashboard to customize your tools -->
                    <div class="addthis_sharing_toolbox"></div>
                    <!-- Go to www.addthis.com/dashboard to customize your tools -->
                    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-542a12206342c472" async></script>
                    <!--<script type="text/javascript">var addthis_config = {"data_track_addressbar":false};</script>
                    <script type="text/javascript" src="./LONG-HA-KD-2_files/addthis_widget.js"></script><div id="_atssh" style="visibility: hidden; height: 1px; width: 1px; position: absolute; z-index: 100000;">
                    <iframe id="_atssh94" title="AddThis utility frame" src="./LONG-HA-KD-2_files/sh172.htm" style="height: 1px; width: 1px; position: absolute; z-index: 100000; border: 0px; left: 0px; top: 0px;"></iframe></div>
                    <script type="text/javascript" src="./LONG-HA-KD-2_files/core155.js"></script>-->
                    <!-- AddThis Button END -->
                </div><!-- shareButton -->
                <div class="box1">
                    <div class="price-box">
                        <span class="regular-price">
                            <span class="price">@String.Format("{0:0,0 đ}", @Model.Gia)</span>
                            (@String.Format("{0:0,0 đ}", @Model.Gia*10/100) VAT)
                        </span>
                        <a href="#" class="fancybox" data-fancybox-type="iframe" title="Get discounts on bulk orders.">
                            <img src="/images/bulk-discounts-sml.png" border="0">
                        </a>
                    </div>
                </div><!--box1-->
            </div><!-- product-image box -->

            <div class="product-shop span8">
                <div class="product-name">
                    <h1>@Model.TenSP</h1>
                </div>
                <span class="pull-left">Mã sản phẩm: <strong>@Model.MaSP</strong></span>&nbsp;
                <span> Danh mục:</span> @Html.Action("GetTenDanhMuc", "Partial", new { MaDM = Model.MaDM })
                <!---<div class="short-description row">
                    <div class="span5">
                        Test test test  test test test test
                    </div>
                </div>-->
                <div class="long-description row">
                    <div class="span5">
                        @*@Model.NoiDung*@
                        @Html.Raw(Model.NoiDung)
                    </div>
                </div>

                <!--*** Options start-->
                <div id="product-view">
                    <div id="middle2">


                        <div id="colour-pickercont">
                            <div class="steptab3">Bước1</div>
                            <div id="colour-picker">
                                <i><h3>Màu vãi</h3></i>                         
                                <div class="colourthumbs">
                                    <ul>

                                      @Html.Action("GetSanPhamMau", "Partial", new {MaSP = Model.MaSP }) 
                                    
                                    </ul>
                                    <script type="text/javascript" src="./LONG-HA-KD-2_files/jquery.colorSelector.js"></script>
                                    <div style="clear: both; margin: 0;"></div>
                                </div> <!-- colourthumbs -->
                                
                            </div> <!-- colour-picker -->
                        </div> <!-- colour-pickercont -->
                        <script language="JavaScript" type="text/javascript">
                            /*<![CDATA[*/

                            function CngClassSize(){
                                var zxcevt=window.event||arguments.callee.caller.arguments[0];
                                var zxcobj=window.event?zxcevt.srcElement:zxcevt.target;
                                while (zxcobj.parentNode){
                                    if (zxcobj.nodeName=='LI') break;
                                    zxcobj=zxcobj.parentNode;
                                }
                                if (zxcobj.nodeName!='LI') return;
                                var zxcul=zxcobj.parentNode;
                                var lis=zxcul.getElementsByTagName('LI');
                                for (var z0=0;z0<lis.length;z0++){
                                    lis[z0].className=lis[z0]!=zxcobj?'selectedoff':'selected';
                                }
                            }
                            /*]]>*/
                        </script>


                        <div id="size-pickercont">
                            <div class="steptab2">Bước2</div>
                            <div id="size-picker">
                                <div class="hidden-phone">
                                    <i>Chọn size cho sản phẩm</i><br>
                                </div>
                                <h3>Size</h3>
                                <div style="clear: both; margin: 0;"></div>

                                <ul id="sizes" onclick="CngClassSize();">

                                    @Html.Action("GetKichThuoc", "Partial", new { MaSP = Model.MaSP})

                                </ul>

                                <div style="clear: both; margin: 0;"></div>
                            </div>  <!-- size-picker -->
                        </div> <!-- size-pickercont -->
                    </div>  <!-- middle2 -->

                    <div id="quantitycont">
                        <div class="steptab4">Bước3</div>
                        <div id="quantity">
                            <div>
                                <i>Chọn số lượng</i><br>
                                <h3>Số lượng</h3>
                                <input id="quant" value="1" name="qty" type="text">
                            </div>
                        </div>  <!-- quantity -->
                    </div> <!-- quantitycont -->
                </div><!-- product view -->
            </div><!-- product-shop span8 -->
        </div> <!-- product-essential row -->
        <div class="row">

            <div class="product-logo span12">
                <div class="logostep">
                    <div class="steptab">Bước4</div>
                    <div id="logoseccont">
                        <div id="step4Copy">
                            <i>Bạn có muốn thêm logo vào sản phẩm trên?</i>
                        </div>
                        <div id="step4Content">

                            <strong>Thêm logo</strong>

                            <br class="visible-phone">

                            <a class="yesno" href="https://www.myworkwear.co.uk/product/PortwestGlasgow-Bodywarmer-2149.htm#" id="notLoggedIn">Có</a> <a class="yesno" href="https://www.myworkwear.co.uk/product/PortwestGlasgow-Bodywarmer-2149.htm#" id="noLogoBtn">NO</a>
                            <p>Bạn có thể quản lý logo tại trang cá nhân</a> link trên thanh menu.</p>
                        </div> <!-- Step4Content -->
                        <script type="text/javascript">
                            $(document).ready(function(){
                                $('#logoplace1').hide();

                                $('#noLogoBtn').click(function(){
                                    $('#step4Content').slideUp();
                                    $(this).after('<input id="noLogosWanted" type="hidden" name="noLogosWanted" value="1"/>');
                                    $('#step4Copy').html('<i>You chose not to add a logo. If you change your mind, <a href="#" id="changeMindBtn">click here</a></i>');
                                    return false;
                                });

                                $('#changeMindBtn').live('click', function(){
                                    $('#step4Content').slideDown();
                                    $('#noLogosWanted').remove();
                                    $('#step4Copy').html('<i>Would you like to add a logo to your product?</i>');
                                    return false;
                                });

                                $('#yesLogoBtn').live('click', function(){
                                    $('#step4Content').slideUp();
                                    $('#logoplace1').show('slow');
                                    document.prodform.logoyes.value = "true";
                                    return false;
                                });

                                $('#custNoLogos').live('click', function(){
                                    $('#step4Content').slideUp();
                                    $('#logoplace1').show('slow');
                                    document.prodform.logoyes.value = "true";
                                    return false;
                                });

                                /*$('#custNoLogos').click(function(){
                                        $(this).after('<input type="hidden" name="forward" value="/default.asp?area=logomanager&tobasket=true"/>');
                                        $('#prodform').submit();
                                        return false;
                                });*/

                                /* $('#notLoggedIn').click(function(){
                                         $(this).after('<input type="hidden" name="forward" value="/default.asp?area=customerreg&l=b&next=product/PortwestGlasgow-Bodywarmer-2149.htm"/>');
                                         $('#prodform').submit();
                                         return false;
                                 });*/
                                $('#notLoggedIn').click(function(){
                                    $('#step4Content').slideUp();
                                    $('#step4Copy').html('<div class="alert alert-warning">To add a logo you must first be <b>registered and logged in</b>. Register now by <a href="/default.asp?area=customerreg">clicking here</a> or login using the boxes at the top of the page.<br>Before you can select a logo, you must first create or upload it in the <b>My Logos page</b> <a href="/default.asp?area=logomanager">here</a>.</div>');
                                    return false;
                                });

                            });
                        </script>


                        <div id="logoplace1" class="" style="display: none;">

                        </div>

                    </div> <!-- logoseccont -->
                </div> <!-- logostep -->
            </div><!-- end of product logo-->
        </div>
        <div class="row">
            <div class="product-addbutt span12">


                <div id="button-options">
                    <input type="submit" name="Submit" class="add-basket" value="" title="Add PortwestGlasgow Bodywarmer to your basket">
                </div>

            </div> <!-- product_addbutt -->
        </div>

        <!-- *****************************************************************************************************************************************************-->


        <div class="row hidden-phone">
            <div class="span12">
                <div class="box-collateral box-up-sell">
                    <h2>CÁC SẢN PHẨM GỢI Ý</h2>

                    <ul id="upsell-product-table" class="products-grid row">

                        @Html.Action("SanPhamNgauNhien","Partial")
                    </ul>
                </div>
            </div>
        </div>
    </div><!--product-view-->
</form>